@charset "utf-8";
/* CSS Document */
*{margin:0;padding:0}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{margin:0;padding:0;list-style:none;}
img{border:0 none}
*:focus{outline:0 none}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
ul,ul li{list-style-type: none;}
table{border-collapse:collapse;border-spacing:0}
address,caption,cite,code,dfn,em,th,var,i{font-style:normal;}
pre,pre code{font-size:inherit;color:inherit;white-space:pre-wrap;background-color:transparent;border-radius:0;white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word;}
body{font-family:"Helvetica Neue" ,Helvetica, Arial, "Microsoft YaHei","SimSun",sans-serif; font-size:12px; color:#333; background-color: #f5f5f5}
*html,*html body{background-attachment:fixed}
:link, *:visited, ins, a{text-decoration:none; color:#333;}
.clearfix{zoom:1}
.clearfix:after{content:"";display:block;height:0;clear:both;visibility:hidden}
.yh{font-family: 'Microsoft YaHei', 微软雅黑, Arial, Lucida Grande, Tahoma, sans-serif;}
.arial{font-family: "Arial", Lucida Grande, Tahoma, sans-serif;}
.tahoma{font-family: "Tahoma", Arial,Lucida Grande, sans-serif;}
.sun{font-family: "SimSun", Arial,Lucida Grande, sans-serif;}
.fl{float:left;} .fr{float:right;}
.hide{display:none} .show{display:block}
.tl{text-align:left;} .tr{text-align:right;} .tc{text-align:center;}
.of-visible{overflow:visible} .of-hidden{overflow:hidden} .of-auto{overflow:auto} .of-scroll{overflow:scroll} .of-inherit{overflow:inherit}
.warp{width:1150px; min-width:1150px; margin:0 auto; overflow:hidden;}
.warp-inner{width:1150px; min-width:1150px; margin:0 auto;}

.header-top{height: 36px; line-height: 36px ; background-color: #333; font-size: 12px; color: #ccc}
.header-top .placard{display: inline-block; width: 300px; color: #b4a078; overflow: hidden; background:url(../../images/icons/placard.png) left center no-repeat; padding-left: 20px; vertical-align: top; margin-left:20px;}
.header-top .placard .slides{height:35px; overflow:hidden;}
.header-top .placard .slides a{    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; display:block}
.header-top .placard .slides a{color:#b4a078; display:block;}
.header-top .top-nav{float: right;}
.header-top .top-nav li{float: left; padding:0 6px; position: relative;}
.header-top .top-nav a{color:#ccc;}
.header-top .top-nav .view-mobile{padding-right: 0; background:url(../../images/icons/mobile.png) left 12px no-repeat; padding-left:10px; margin-left:10px; z-index: 9}
.header-top .top-nav .mobile-qrcode{position: absolute; right:-30px; top:36px; width:104px; height: 100px; padding:5px; background: #fff; box-shadow: 0 1px 5px #ddd;text-align: center; display: none}
.header-top .top-nav .mobile-qrcode i{position: absolute; right:56px; top:-10px;border-width: 5px; border-style: solid; border-color: transparent; border-bottom-color:#fff }
.header-top .top-nav .view-mobile:hover .mobile-qrcode{display: block;}
.headerFn-warp{background-color: #fff; padding: 25px 0; height: 50px;}
.header-function{}
.header-function .logo{float:left;}
.header-function .secearch-fn{float:left; margin-left:80px; height:38px; width: 498px; border:1px solid #d6d6d6; margin-top: 5px; position: relative;}
.header-function .secearch-input{border:0 none; width:430px; line-height:25px; padding:7px 10px 6px;}
.header-function .secearch-btn{position:absolute;width: 37px; height: 38px; right: 0; top:0; border-left: 1px solid #d6d6d6; cursor: pointer; background:url(../../images/icons/search.png) center center no-repeat; }
.header-function .secearch-tag{position:absolute; right:38px;top:0;height: 20px; background:#fff;padding:9px;}
.header-function .secearch-tag a{display:inline-block; background-color:#eee; padding:0 5px; line-height:20px;color: #757575; }
.header-function .account{width: 138px; text-align:center; border:1px solid #d6d6d6; background: #f5f5f5; color:#636363; height: 38px; line-height:38px; float: left; margin-top:5px; margin-left: 29px; border-radius:5px; font-size: 14px; position:relative;z-index:8;}
.header-function .account .user{width:18px; height: 18px; display: inline-block; background:url(../../images/icons/user.png) center center no-repeat; vertical-align: top; margin-top:9px;margin-right: 7px}
.header-function .account .arrow{border-width:6px 6px 0 6px; border-style: solid; border-color: transparent; border-top-color:#aaa;vertical-align: top; margin-top:16px; display:inline-block;margin-left: 7px}
.header-function .account .account-menu{position:absolute; left:-1px; top:35px;background: #f5f5f5; border:1px solid #d6d6d6; border-top:0 none; width:138px; border-radius:0 0 5px 5px; line-height:30px; display:none;}
.header-function .account:hover .account-menu{display: block}
.header-function .header-shopcart{margin-left:23px;margin-top:5px; height:40px; border-radius:20px; float: left; width: 190px; height: 40px;background:#0099cc; position: relative; z-index:8; line-height:40px; font-size:14px;  color:#fff; text-align: center;}
.header-function .header-shopcart .cart-icon{width: 36px; height: 36px; border:2px solid #fff; background:url(../../images/icons/shopcart.png) center center no-repeat; border-radius:50%; float:left; margin-left: -1px;}
.header-function .header-shopcart .arrow{border-width:6px 6px 0 6px; border-style: solid; border-color: transparent; border-top-color:#fff;vertical-align: top; margin-top:19px; margin-left:3px; display:inline-block;}
.header-function .header-shopcart .cart-box{background-color:#fff;width:325px; position: absolute;top: 40px; right: 0; box-shadow: 0 1px 5px #ddd; font-size:12px; color:#424242; text-align: left; display: none}
.header-function .header-shopcart .cart-nothing{margin:30px 0; text-align: center;}
.header-function .header-shopcart .cart-item{}
.header-function .header-shopcart li{margin: 0 20px; padding: 10px 0; display: block; border-bottom:1px solid #e0e0e0; }
.header-function .header-shopcart li.last,.header-function .header-shopcart li:last-of-type{border: 0 none}
.header-function .header-shopcart .pic{width:60px; height: 60px; float: left;margin-right: 15px}
.header-function .header-shopcart .info{overflow: hidden; line-height: 20px}
.header-function .header-shopcart .p-n{float: right}
.header-function .header-shopcart .cart-bar{background: #f5f5f5; padding:10px 20px;}
.header-function .header-shopcart .go-settlement{line-height:40px;background: #0099cc; color: #fff; font-size: 14px; float: right; padding: 0 20px; margin-left:15px;}
.header-function .header-shopcart .cart-total{line-height:20px; overflow: hidden;}
.header-function .header-shopcart .cart-total .price{font-size:14px; color:#f60;}
.header-function .header-shopcart .cart-total em{font-size:20px; color:#f60;}
.header-function .header-shopcart:hover .cart-box{display: block}

.menu-nav-warp {position: relative; z-index: 7; background-color: #fff; width: 100%; height: 48px}
.menu-nav-warp .nav-logo{float: left; margin-top: 15px; display:none;}
.menu-nav li{padding:0 18px 18px; font-size:16px; float: left}
.menu-nav a{height:27px;line-height:27px; border-bottom: 3px solid transparent; display: inline-block; padding:0 2px;}
.menu-nav li:hover a{border-color:#bfd2ec;}
.menu-nav .nav-tel{color:#e4392a; height: 30px; line-height: 30px; background: url(../../images/icons/tel.png) left center no-repeat; float: right; font-size:22px; padding-left:30px;}
.menu-nav li li{margin:0; padding: 0}
.menu-nav li li a{border:0 none;}
.menu-nav li.drop-menu{position: relative;}
.menu-nav li .child-menu{position: absolute; left:0; right: 0; top: 45px; background-color: #fff; box-shadow: 0 0 5px #ddd; padding: 5px 0; display: none}
.menu-nav li .child-menu li{float: none; display: block; text-align: center;}
.menu-nav li .child-menu a{font-size:14px; border:0 none;}
.menu-nav li .drop-product,.menu-nav li .element-search-warp{position: absolute; left:0; right:0; top: 45px; display:none;padding-bottom: 20px; background: #fff}
.menu-nav li .drop-product li{float: left; width: 191px;}
.menu-nav li .drop-product li .pic{display: block; border-right: 1px solid #e0e0e0; height: 100px; line-height:100px;text-align: center; font-size:0;}
.menu-nav li .drop-product li .pic img{display:inline-block; vertical-align: middle}
.menu-nav li .drop-product li .name {display: block; text-align:center; font-size:14px; margin-top: 10px; line-height:20px;}
.menu-nav li .drop-product li.last .pic{border:0 none;}
.menu-nav-warp .menu-search{float:left; width: 200px; height:28px;  border:1px solid #e3e3e3; border-radius: 2px; margin-top: 20px; position: relative; margin-left: 15px; display: none}
.menu-nav-warp .menu-search .input{border:0 none; line-height:20px; padding:4px;}
.menu-nav-warp .menu-search .btn{position:absolute;width: 28px; height: 28px; right: 0; top:0; cursor: pointer; background:url(../../images/icons/search.png) center center no-repeat #fff; }
.menu-nav-warp .menu-account{float: left; margin-top: 18px; display: none}
.menu-nav-warp .menu-account li{float: left; position:relative; margin-left: 15px; line-height: 30px; width: 30px; height:30px; background-repeat: no-repeat;background-position: center center; position: relative;}
.menu-nav-warp .menu-account a{display: block; font-size:0;}
.menu-nav-warp .menu-account li.user{background-image: url(../../images/icons/menu-user.png);}
.menu-nav-warp .menu-account li.cart{background-image: url(../../images/icons/menu-cart.png);}
.menu-nav-warp .menu-account li .cart-number{position: absolute;right: -7px; top: -7px; background-color: #02c0ff; color: #fff; font-size: 12px; line-height:20px; padding: 0 5px; border-radius: 10px; min-width: 10px; text-align: center;}

.menu-account .cart-box{background-color:#fff;width:325px; position: absolute;top: 29px; right: 0; box-shadow: 0 1px 5px #ddd; font-size:12px; color:#424242; text-align: left; display: none}

.menu-account .cart-item li{margin: 0 20px; width:290px; height:auto; padding: 10px 0; display: block; float:none; border-bottom:1px solid #e0e0e0;}
.menu-account .cart-item li a{font-size:12px;}
.menu-account .cart-item li.last,.menu-account .cart-item li:last-of-type{border: 0 none}
.menu-account .cart-item .pic{width:60px; height: 60px; float: left;margin-right: 15px}
.menu-account .cart-item .info{overflow: hidden; line-height: 20px}
.menu-account .cart-item .p-n{float: right}
.menu-account .cart-item .cart-bar{background: #f5f5f5; padding:10px 20px;}
.menu-account .cart-item .go-settlement{line-height:40px;background: #0099cc; color: #fff; font-size: 14px; float: right; padding: 0 20px; margin-left:15px;}
.menu-account .cart-item .cart-total{line-height:20px; overflow: hidden;}
.menu-account .cart-item .cart-total .price{font-size:14px; color:#f60;}
.menu-account .cart-item .cart-total em{font-size:20px; color:#f60;}
.menu-account li.cart:hover .cart-box{display: block}
.menu-account .cart-nothing{margin:30px 0; text-align: center;}

.menu-account li .child-menu{position: absolute; left:50%; right: 0; top: 30px; background-color: #fff; box-shadow: 0 0 5px #ddd; padding: 5px 0; display: none; margin-left:-50px; width:100px;}
.menu-account li .child-menu li{float: none; display: block; text-align: center; width:auto; margin:0}
.menu-account li .child-menu a{font-size:14px; border:0 none; text-align:center;}
.menu-account li.user:hover .child-menu{display:block}

.element-search{width:1155px; margin:0 auto;}
.element-search .title{text-align: center; font-size: 20px; font-weight: bold; position: relative; color:#0099cc; top:35px; z-index: 9}
.menu-nav li .element-search li{width:59px;height:52px;background-color:#eeeeee;position:relative;font-size:24px;float:left;padding:0 2px;margin:0 1px 1px 0;padding-top:7px;overflow:hidden;text-align:center}
.menu-nav li .element-search li a{color:#039ACC; font-weight:bold; height: 55px}
.menu-nav li .element-search li.active a,.menu-nav li .element-search li:hover a,.menu-nav li .element-search li:hover span,.menu-nav li .element-search li.active span{ color:#fff;}
.menu-nav li .element-search li.active,.menu-nav li .element-search li:hover{background-color:#0099cc;}
.menu-nav li .element-search li.disabled{background: #F5F5F5}
.menu-nav li .element-search li.disabled a,.menu-nav li .element-search li.disabled span{color: #bbb}
.menu-nav li .element-search li span{display:block;line-height:1;font-size:15px;color:#039ACC; font-weight:normal;}
.menu-nav li .element-search li.empty{border:none;box-shadow:none;cursor:default; background-color: #fff}
.menu-nav li .element-search li.long{padding-top:2px; height: 57px}
.element-search li.long a{display: block; overflow: hidden; line-height:normal;}
.element-search li.long em{float: left; width: 30px; word-break: break-all; margin-left: 2px}
.element-search li.long span{overflow: hidden; width: 23px; margin-top:15px;}
.menu-nav li:hover .child-menu,.menu-nav li:hover .drop-product,.menu-nav li:hover .element-search-warp{display:block;}
.menu-fixed{height: 70px; box-shadow: 0 1px 3px #ddd; position: fixed; top: 0; left: 0; z-index: 999}
.menu-fixed .menu-nav{float: left; margin-top: 22px}
.menu-fixed .menu-nav li{font-size: 14px; padding: 0 15px 18px}
.menu-fixed .menu-nav li li{margin:0; padding: 0}
.menu-fixed .menu-nav li .drop-product,.menu-fixed .menu-nav li .element-search-warp{top: 69px}
.menu-fixed .nav-logo{display: block}
.menu-fixed .nav-tel,.menu-fixed .drop-menu{display: none}
.menu-fixed .menu-account,.menu-fixed .menu-search{display: block}

.menu-fixed li .element-search li{padding:0 2px;margin:0 1px 1px 0;padding-top:7px;}

.footer-warp{margin-top:30px;}
.footer-service{background-color: #fff}
.footer-bar{margin:30px 0; padding-bottom:20px;border-bottom: 1px solid #ddd}
.footer-bar li{width: 25%; float: left; text-align: center; height: 50px; line-height: 50px; font-size: 18px}
.footer-bar li img{vertical-align: top}
.footer-faq{margin: 30px 0}
.faq-category{width:570px; float:left}
.faq-category dl{float: left; border-right:1px solid #ddd; width: 160px; padding-left: 20px; min-height: 140px}
.faq-category dl.last{border-right: 0 none}
.faq-category dt{font-size:18px; line-height: 30px; margin-bottom: 5px}
.faq-category dd{font-size: 12px; line-height: 25px}
.foot-qrcode {float: left; /* border-right: 1px solid #ddd; */ padding-right: 10px; margin-left: 15px}
.foot-qrcode .code-box{/* border: 1px solid #ddd; */ padding: 2px; width: 100px; height: 100px;}
.foot-qrcode .code-text{font-size: 12px; margin-top: 5px; text-align: center;}
.foot-contact{text-align: left; overflow: hidden;border-right:1px solid #ddd;float: left;width:280px;}
.foot-contact p{/* font-size:15px; */margin-bottom:8px;}
.foot-contact .tel-phone{font-size: 16px; /* margin-top: 10px */ }
.foot-contact .tel-phone img{float:left;}
.foot-contact .tel-phone .tel{float: left;width:165px;margin-left:15px;color:#ff0000;font-weight:bold;}
.foot-contact .contact{font-size: 12px; color: #666; margin-top:10px}
.foot-copyright{text-align: center; margin: 20px 0; font-size: 14px; }
.foot-copyright .copy-txt{margin-bottom: 10px}
.foot-copyright .crop img{vertical-align: middle}


.fixed-bar{position: fixed; right: 0; top: 50%; z-index: 99; height: 325px; margin-top: -162px}
.fixed-bar li{width: 50px; height: 50px; position: relative;background-repeat: no-repeat; background-position: center center;}
.fixed-bar li.icon{background-color: #000022;   border-radius: 5px 0 0 5px; display:block; margin: 1px; }
.fixed-bar li.qq{background-image: url(../../images/icons/icon_qq.png);}
.fixed-bar li.phone{background-image: url(../../images/icons/icon_phone.png);}
.fixed-bar li.shopcart{background-image: url(../../images/icons/icon_shopcart.png);}
.fixed-bar li.star{background-image: url(../../images/icons/icon_star.png);}
.fixed-bar li.qq{background-image: url(../../images/icons/icon_qq.png);}
.fixed-bar .fixed-txt{position: absolute; height: 50px; line-height: 50px; font-size: 16px; color:#fff; background: #e4392a; top: 0; right: 47px; width: 120px; border-radius: 5px 0 0 5px; padding: 0 10px; display:none}
.fixed-bar .fixed-txt a{color: #fff; display: block;}
.fixed-bar li.icon:hover{background-color: #e4392a}
.fixed-bar li.icon:hover .fixed-txt{display: block}
.fixed-bar li.fn{width: 50px; height: 40px; margin:0;}
.fixed-bar li.qrcode{background-image: url(../../images/icons/icon_qrcode.png); margin-top: 40px}
.fixed-bar li.gotop{background-image: url(../../images/icons/icon_gotop.png); cursor: pointer}
.fixed-bar li .view-qrcode{position: absolute; top: 0; right: 46px; border:1px solid #ddd; padding: 3px; width: 94px; background-color: #fff; display: none}
.fixed-bar li .view-qrcode p{margin-top: 3px; text-align: center; }
.fixed-bar li.fn:hover .view-qrcode{display: block;}


.fixed-server{height:300px; margin-top:-150px; border-top: 2px solid #2279C7; border-right: 1px solid #D0E0ED; border-bottom: 1px solid #D0E0ED; border-left: 1px solid #D0E0ED; width: 116px; position: fixed; top: 50%; right: 0px; background: url(../../images/server/kf_bg.jpg) repeat; z-index:99}
.fixed-server .server-title { background: url(../../images/server/kf_ico1.jpg) no-repeat 16px 12px; height: 40px; margin-bottom: 4px; padding-left: 46px; color: #2279c7; font-size: 14px; line-height: 40px; font-weight: bold; }
.fixed-server .server-list { background: #FFF;  margin: 0px auto; padding: 5px 0px; width: 92px; border-radius:0.3em; }
.fixed-server .server-list ul li {  padding:5px;}
.fixed-server .server-list ul li img{vertical-align:top}
.fixed-server .server-list ul li a{ color: #000; display:block; height:16px; line-height:18px;}
.fixed-server .server-tel {line-height: 18px; color: #2279c7; height: 58px; margin:10px 12px 0 12px; }
.fixed-server .server-num { font-size: 14px; }
.fixed-server .server-colseBtn{ position: absolute; z-index: 1; right: 0px; bottom: 0px; cursor: pointer; width:16px; height:16px; background:url(../../images/server/kf_close.jpg) 0 0 no-repeat;}
.fixed-server .server-qrocde{margin:10px 12px 0 12px;}

.crumbs{margin: 12px 0; color: #666; font-size: 14px; }
.crumbs .arrow{font-family: 宋体; display: inline-block; padding: 0 5px} 
.crumbs a{display: inline-block;height: 20px; line-height: 20px; color: #666}
.crumbs .home{background: url(../../images/icons/home.png) left center no-repeat; padding-left:18px;  color: #333; margin-left: 0}

/* 新右侧 */
.customer { position: fixed; z-index: 300; right: 0px; top: 230px; box-shadow: 0 3px 4px rgba(0,0,0,0.3); border-right: 0px; border-radius: 5px 0 0 5px; overflow: hidden; _position: absolute; _top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))-100); }
.customer-anchor { float: left; height: 177px; width: 30px; background: #0099cc; }
.customer-anchor-icon { width: 11px; height: 20px; background: url(../../images/jiantou180.png) no-repeat -6px; margin: 0 auto; margin-top: 35px; }
.c-active .customer-anchor-icon { background: url(../../images/jiantou.png) no-repeat -6px !important; }
.customer-anchor p { color: #fff; font-family: "Microsoft YaHei"; font-size: 14px; padding: 0 8px; padding-bottom:21px; margin-top: 11px; line-height: 18px;}
.customer-box { float: left; width: 0px; background: #fff; height: 177px; overflow: hidden; }
.customer-box-wrp { margin: 22px 0px 0px 0px; padding-left:5px; width: 160px; height: 137px; border-bottom:1px solid #ccc;}
.customer-box-wrp .icon-phone { width: 24px; height: 24px; display: inline-block; vertical-align: middle; background: url(../../images/icon_tel.png) no-repeat; }
.customer-box-wrp .icon-qq { width: 24px; height: 24px; display: inline-block; vertical-align: middle; background: url(../../images/icon_qq.png) no-repeat; }
.customer-box-wrp .icon-email { width: 24px; height: 24px; display: inline-block; vertical-align: middle; background: url(../../images/icon_email.png) no-repeat; }

.customer-box-wrp span { font-family: "Microsoft YaHei"; font-size: 14px; }
.customer-box-wrp .f12 { font-size: 12px; margin-left: 28px; color: #8a8a8a; }
.customer-box-wrp .link_join { text-decoration: none; font-size: 14px; font-family: "Microsoft YaHei"; color: #199ae6; }
.customer .hidden{display:none;}